<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function f1(){
                var inText=document.querySelector("#inText").value;

                //只要包含a-z中任意一个字母即可
                var reg=/[a-z]/i;//i表示忽略大小写
                if(reg.test(inText)){
                    document.querySelector("#s1").innerHTML="<span style='color:green;'>格式正确</span>";
                }else{
                    document.querySelector("#s1").innerHTML="<span style='color:red;'>格式有误</span>";
                }
            }
            function f2(){
                var inText=document.querySelector("#inText").value;

                //只要包含a-z中任意一个字母即可
                var reg=new RegExp("[a-z]","i");//i表示忽略大小写
                if(reg.test(inText)){
                    document.querySelector("#s1").innerHTML="<span style='color:green;'>格式正确</span>";
                }else{
                    document.querySelector("#s1").innerHTML="<span style='color:red;'>格式有误</span>";
                }
            }
            function f3(){
                var inText=document.querySelector("#inText").value;

                //前3位是字母，然后四位是数字，最后以字母结尾
                var reg=/^[a-z]{3}\d{4}[a-z]$/;
                if(reg.test(inText)){
                    document.querySelector("#s1").innerHTML="<span style='color:green;'>格式正确</span>";
                }else{
                    document.querySelector("#s1").innerHTML="<span style='color:red;'>格式有误</span>";
                }

            }
        </script>
    </head>
    <body>
        <input type="text" id="inText" ><span id="s1"></span>
        <br>
        <input type="button" value="定义方式一" onclick="f1()">
        <input type="button" value="定义方式二" onclick="f2()">
        <input type="button" value="测试" onclick="f3()">
    </body>
</html>